      <div>  
        <table class="table table-striped">
          <thead>
            <tr>
              <th>UID</th>
              <th>Type</th>
              <th>Name</th>
              <th>Owner</th>
              <th>Size, Bytes</th>
              <th>Creation Time</th>
            </tr>
          </thead>
          <tbody>
            <tr ng-repeat="el in list | filter:query">
              <td>{{el.uid}}</td>
              <td><img class="thumb" ng-src="img/{{el.type}}.png"/></td> 
              <td><a ng-click="showDetails(el.uid)">{{el.name}}</a></td>
              <td>{{el.owner}}</td>
              <td>{{el.size}}</td>
              <td>{{el.ctime}}</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="modal hide" id="modal">
       <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times</button>
        <h3>{{details.name}}</h3>
       </div> 
       <div class="modal-body">
        <div class="row-fluid">
          <div class="span6">
            <img ng-src="img/{{details.type}}.png" />
          </div>
          <div class="span6">
            <p>UID: {{details.uid}}</p>
            <p>Name: {{details.name}}</p>
            <p>Owner: {{details.owner}}</p>
            <p>Type: {{details.type}}</p>
            <p>Size: {{details.size}}</p>
            <p>Creation Date: {{details.ctime}}</p>
          </div>
        </div>
       </div>

      </div>